<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
	</head>

	<body>
		<div class="mui-content">
			<div class="banner-content">
				<div class="search-box">
					<span id="search-icon" class="mui-icon mui-icon-search"></span>
					<input type="text" name="" οnsearch="goGoodsList()" id="search" value="" placeholder="请搜索商品名称或编号" />
				</div>
				<div class="cancell-text" id="cancel">
					取消
				</div>
			</div>
			<!-- 最近搜索 -->
			<div class="recent-search">
				<img src="../../../../images/home/icon_search_time.png" class="icon_search_time">
				<span>最近搜索</span>
			</div>
			<!-- 搜索记录 -->
			<div class="search-list">
				<div class="search-list-item">
					小黑瓶
				</div>
				<div class="search-list-item">
					小黑瓶11
				</div>
				<div class="search-list-item">
					小黑瓶5465
				</div>
				<div class="search-list-item">
					小黑瓶2
				</div>
				<div class="search-list-item">
					小黑瓶9
				</div>
			</div>
			<!-- 清空历史 -->
			<div class="recent-search clean">
				<img src="../../../../images/home/icon_search_clear.png" class="icon_search_time">
				<span>清空历史记录</span>
			</div>
		</div>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../js/resize.js"></script>
		<script type="text/javascript">
			mui.init()
			$('#cancel').click(function() {
				console.log('返回')
				window.history.back()
			})
			// 文档一加载就执行
			$(document).ready(function() {
				obj.setRem()
			})
			// 窗口调节
			$(window).resize(function() {
				obj.setRem()
			});
			// 搜索
			function goGoodsList() {
				window.location.href='./goodslist/index.html';
			}
			// 点击搜索图标
			$('#search-icon').click(function() {
				console.log('去详情')
				window.location.href='../goodslist/index.html';
			})
		</script>
	</body>

</html>
